/* homeSub/pages/power/power.less */
@import "../../../commin/commin.less";
.powerCon{
    padding-top: 12rpx;
    background-color: #061133;
    // height: 100vh;
    padding-bottom: 48rpx;
    font-family: PingFang SC;
    overflow-x: hidden;
}
.advCon{
   color: #b1bfce;
   background-color: rgba(255,255,255,0.1);
   font-size: 26rpx;
    padding:22rpx  40rpx;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    .img{
        width: 35rpx;
        height: 27rpx;
        vertical-align: middle;
        margin-right: 15rpx;
    }
}
.vehicleInfoCon{
    margin-top: 39rpx;
    padding:0  40rpx;
    display: flex;
    justify-content: space-between;
}
.vehCon{
    width: 192rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    image{
        width: 42rpx;
        height: 42rpx;
        display: inline-block;
        vertical-align: text-bottom;
        margin-top: 22rpx;
    }
    .vehVal{
        color: #fff;
        font-size: 34rpx;
        margin-left: 6rpx;
        font-weight: bold;
        margin-bottom: 7rpx;
    }
    .brandVal{
        font-size: 28rpx;
        font-weight: 400;
        color: #CFE7FF;
        margin-left: 6rpx;
        margin-bottom: 10rpx;
    }
    .vehTitle{
        font-size: 24rpx;
        font-weight: 400;
        color: #b1bfce;
        margin-left: 6rpx;
    }
}
.infoContainer{
    padding: 0 25rpx;
}
.chargeInfoCon{
    display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
    width: 100%;
    color: #fff;
    .amount{
        width: 340rpx;
        height: 180rpx;
        position: relative;
        image{
            width: 100%;
            height: 100%;
        }
    }
    .leftLocation{
        position:absolute;
        top: 35rpx;
        left: 142rpx;
        .amountVal{
            font-size: 36rpx;
            font-family: DIN;
            font-weight: bold;
            color: #00FFFF;
        }
        .amountTitle{
            font-size: 24rpx;
            font-family: PingFang SC;
            font-weight: 400;
            color: #A6D2FF;
            margin-top: 10rpx;
        }
    }
    .rightLocation{
        position:absolute;
        top: 35rpx;
        left: 54rpx;
        .amountVal{
            font-size: 36rpx;
            font-family: DIN;
            font-weight: bold;
            color: #00FFFF;
        }
        .amountTitle{
            font-size: 24rpx;
            font-family: PingFang SC;
            font-weight: 400;
            color: #A6D2FF;
            text-align: center;
            margin-top: 10rpx;
        }
    }
}

.svg_icon {
    display: inline-flex;
    width: 1em;
    height: 1em;
    overflow: hidden;
   }
    
   .svg_icon-inner {
    width: 1em;
    height: 1em;
    transform: translateY(-1em);
    filter: drop-shadow(0 1em 0 currentColor);
   }

   .active{
    .kuangao(96%,230rpx);
    .margins(32rpx;auto;0;auto);
    .activ-in{
        .gao(210rpx);
        .swiperitem{
            .gao(210rpx);
            .kuan(100%);
        }
    }

}

.addressCon{
    color: #A6D2FF;
    font-size: 24rpx;
     padding:66rpx 0rpx 99rpx 0rpx;
     font-weight: 500;
     .img{
         width: 28rpx;
         height: 32rpx;
         vertical-align: middle;
         margin-right: 17rpx;
     }
 }

 .parkingCon{
    width: 750rpx;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .parking{
    width: 702rpx;
    background: #ffffff;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    position: fixed;
    bottom: 26rpx;
    left: 24rpx;
    padding: 30rpx 30rpx 48rpx 30rpx;
    box-sizing: border-box;
    z-index: 4;
    .parkingImg{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .parkingTitle{
        font-weight: 500;
        color: #18181A;
        font-size: 38rpx;
    }
    
    image{
        width: 34rpx;
        height: 34rpx;
    }
  }
  .DesCon{
        margin-top: 29rpx;
    }
  .parkingNotice{
    font-size: 30rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: #303133;
    letter-spacing: 3rpx;
    word-wrap: break-word;
  }
  .parkingDesCon{
      display: flex;
      justify-content: space-between;
      font-size: 26rpx;
      font-weight: 500;
      color: #606266;
      line-height: 48rpx;
  }

 .parkingRate{
    color: #b1bfce;
    font-size: 24rpx;
     .img{
         width: 25rpx;
         height: 25rpx;
         vertical-align: middle;
         margin-right: 9rpx;
     }
 }
 .stopcharge{
    width: 100%;
    position: fixed;
    bottom: 0;
    text-align: center;
    justify-content: space-between;
    padding: 10rpx 0rpx 25rpx 10rpx;
    background-color: #061133;
    button{
        width: 680rpx;
        height: 88rpx;
        background: linear-gradient(105deg, #FC724C, #F77E4A);
        border-radius: 44px;
        line-height: 88rpx;
        font-size: 32rpx;
    }
 }
.loading-warp{
    text-align: center;
    position: relative;
    height:375rpx;
    image{
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}



